<?php
require_once 'common.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Online PC</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <link rel="stylesheet" href="css/styles.css" type="text/css" />
        <link rel="stylesheet" href="css/jquery-ui-1.8.11.custom.css" type="text/css" />

        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>

        <script type="text/javascript" src="js/hint.js"></script>
        <script type="text/javascript" src="js/menu-collapsed.js"></script>

        <script type="text/javascript" src="js/common.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript" src="js/autoadvance.js"></script>
		
	</head>		
		       
		<script type="text/javascript">
            
            function initMenu() {
                $('#menu ul').hide();
                $('#menu ul:first').show();
                $('#menu li a').click(function(){
                    var checkElement = $(this).next();
                    if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                        return false;
                    }
                    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                        $('#menu ul:visible').slideUp('normal');
                        checkElement.slideDown('normal');
                        return false;
                    }
                });
            }

            $(document).ready(function() {initMenu();});

        </script>
    </head>
    <body>	

        <table cellspacing="0" cellpadding="0" border="0" width="900" style="margin-left: auto; margin-right: auto;">
            <tr>
                <td valign="middle" style="height: 130px;">
                    <?php banner('home'); ?>
					
				</td>
            </tr>
            <tr>
                <td valign="top" style="height: 365px;">
                    <div id="slideshow">
                        <ul class="slides">
                            <li><img src="images/photos/1.jpg" width="880" height="320" alt="Marsa Alam underawter close up" /></li>
                            <li><img src="images/photos/2.jpg" width="880" height="320" alt="Turrimetta Beach - Dawn" /></li>
                            <li><img src="images/photos/3.jpg" width="880" height="320" alt="Power Station" /></li>
                            <li><img src="images/photos/4.jpg" width="880" height="320" alt="Colors of Nature" /></li>
							<li><img src="images/photos/5.jpg" width="880" height="320" alt="Apple Logo" /></li>
							<li><img src="images/photos/6.jpg" width="880" height="320" alt="Keyboard" /></li>
							<li><img src="images/photos/7.jpg" width="880" height="320" alt="Online pc Adv" /></li>
							<li><img src="images/photos/8.jpg" width="880" height="320" alt="Nature of Office" /></li>
							<li><img src="images/photos/9.jpg" width="880" height="320" alt="Microsoft Window" /></li>
                        </ul>
                        <span class="arrow previous"></span>
                        <span class="arrow next"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="middle" style="height: 52px;">
                    <?php login(); ?>
                </td>
            </tr>
            <tr><td style="height: 50px;"></td></tr>
            <tr>
                <td valign="top" style="height: 500px;">
                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <tr>
                            <td class="category rounded_corner shadow" valign="top">
                                <?php leftMenu($db); ?>
                            </td>
                            <td style="width: 20px;"></td>
                            <td valign="top">
                                <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                    <tr>
                                        <td style="border-bottom: 1px solid #f0f0f0; height: 27px;" valign="top"><h3 style="margin: 0px;">Latest Products</h3></td>
                                    </tr>
                                    <tr><td style="height: 20px;"></td></tr>
                                    <tr>
                                        <td valign="top">
                                            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                                <tr><td>
                                                <?php
												
                                                    echo $productClass->getLatestProduct();
                                                ?>
                                                    </td></tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr><td style="height: 10px;"></td></tr>
                        
                    </table>
                </td>
            </tr>
            <tr>
                <td>
						<!--<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>-->
                </td>
            </tr>
        </table>
        <?php footer() ?>
    </body>
</html>
